$(function () {
    $('.list-header-2').mouseenter(function () {
        var jizhan = $(".list-jizhan")[0];
        jizhan.style.backgroundColor="rgba(0,0,0,0.1)";
	$('.list-jizhan2').stop().slideDown(100);
    });
    $('.list-jizhan2').mouseenter(function () {
        var jizhan = $(".list-jizhan")[0];
        jizhan.style.backgroundColor="rgba(0,0,0,0.1)";
	$('.list-jizhan2').stop().slideDown(100);
    });
    $('.list-jizhan').mouseenter(function () {
        this.style.backgroundColor="rgba(0,0,0,0.1)";
	$('.list-jizhan2').stop().slideDown(100);
    });
    $('.list-jizhan').mouseleave(function () {
        this.style.backgroundColor="#2198E0";
	$('.list-jizhan2').stop().slideUp(300);
    });
    $('.list-header-2').mouseleave(function () {
        var jizhan = $(".list-jizhan")[0];
        jizhan.style.backgroundColor="#2198E0";
	$('.list-jizhan2').stop().slideUp(300);
    });
    $('.list-jizhan2').mouseleave(function () {
	$('.list-jizhan2').stop().slideUp(300);
        var jizhan = $(".list-jizhan")[0];
        jizhan.style.backgroundColor="#2198E0";
    });
  var myChart1 = echarts.init($("#details-main1")[0]);
  var myChart2 = echarts.init($("#details-main2")[0]);
  var chartDate = [8,16,24,32,40,48,56];
  var weight = [2,5,9,10,5,6,7];
  //对echarts做基础配置
  option= {
    title: {
      text: '基站测试统计',
      textStyle: {
        color: '#6D6D6D',
      }
    },
    xAxis: {
      name: "(天)",   //x轴名称单位
      // nameLocation: 'end', //名称的位置
      nameTextStyle:{      //名称的样式
        color: '#999',
        fontSize: '30px'
      },
      nameGap:10, //名称与X轴的距离
      boundaryGap: true, //坐标的刻度是否在中间
      //min:'1',   //坐标轴刻度最小值
      //max: 'dataMax',   //坐标轴刻度的最大值
      axisLine:{     //坐标轴线条相关设置(颜色等)
        lineStyle:{
          color: '#2198E0',
        }
      },
      data: chartDate
    },
    yAxis: {
      axisLine:{     //坐标轴线条相关设置(颜色等)
        lineStyle:{
          color: '#2198E0',
        }
      },
    },
    series: [{
        name: '体脂',
        type: 'line',  //折线图
        symbol: 'star', //拐点样式
        symbolSize: 10, //拐点大小
        data: weight,
        itemSytle: {
          normal: {
            lineStyle: {
              width:3,   //线宽
              color: '#000',
            }
          }
        }
      }],
  }
  myChart1.setOption(option);
  myChart2.setOption(option);
});
